<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <button>点击我获取cookie</button>
    <button>点击我设置</button>
    <script>
      //获取cookie
      //注意
      /* 
      1.同一个浏览器  同源
      //同一个服务器内访问 cookie
      //协议 域名 端口 都要一致 就是同源
       // http://localhost:8989/index
          http://localhost:8989/admin
          http://localhost:8989/admin/index
    2.cookie保证没有过期
    3.在同一个服务器下cookie可以跨页面访问
    4.访问cookie的路径只能和设置路径同级 或者更小
    //path ---/index
    //可以获取cookie
    //index/index.html 同级
    //index/admin/index.html  小
    //index.html 不能获取 属于 /路径下
      */

      document.querySelectorAll("button")[0].onclick = function () {
        console.log(document.cookie);
      };
      document.querySelectorAll("button")[1].onclick = function () {
        document.cookie = "myname=123";
      };

      // 设置一个获取cookie的函数
      function getCookie(cookieName) {
        // 根据cookie的键名 返还获取cookie的键值
        let str = document.cookie;
        let arr = str.split("; ");
        console.log(arr);
        let res;
        for (let i = 0; i < arr.length; i++) {
          // console.log( arr[i]);
          let lineArr = arr[i].split("=");
          if (lineArr[0] === cookieName) {
            // return lineArr[1];
            res = lineArr[1];
            break;
          }
          console.log("?", i);
        }
        return res;
      }

      // getCookie("myname")  --->  123;

      console.log(getCookie("myname"));

      // let arr = [1,2,3];
      // arr.forEach((item,key)=>{
      //     if(key==1){
      //         // break;
      //         continue
      //     }
      // })
    </script>
  </body>
</html>
